<template>
  <div class='' :style="comstyle">
    <img :src="imgurl" alt="" :style="{width: componentDetail.size.w + 'px', height: componentDetail.size.h + 'px'}">
  </div>
</template>
<script>

import commonmixins from "@/mixins/bigScreen/commonmixins";

export default {
  mixins:[commonmixins],
  name: "pimg",
  components: {
    
  },
  data() {
    return {
      msg: '',
      comstyle: {},
      imgurl: ''
    };
  },
  computed: {
    
  },
  watch: {
    
  },
  mounted() {
    // this.msg = this.componentDetail.text
    // this.msg = this.componentDetail.text

    console.log(this.componentDetail);

    this.comstyle = this.componentDetail.comstyle

    this.imgurl = '/resource/' + 'cc3.jpg'

    this.imgurl = '/resource/' + this.componentDetail.imgurl
  },
  methods: {
    getstyle(){

      console.log(this.componentDetail.comstyle);

      return this.componentDetail.comstyle

      // return {
      //   padding: '',
      //   margin: '',
      //   fontSize: '',
      //   lineHeight: '',
      //   backgroundColor: '',
      //   color: '',
      // }
    }
  },
}
</script>
<style lang='scss' scoped>

</style>